<template>
	<view class="download-app">
		<view class="app-logo"><image class="app-logo-img" src="../../static/img/logo.png" mode=""></image></view>
		
		<view class="app-download-btn" @click="downloadApp"><text>下载IOS版</text></view>
		<view class="app-download-btn" @click="downloadApp"><text>下载安卓版</text></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			downloadApp() {
				if (this.$isiOS) {
					window.location = 'https://apps.apple.com/cn/app/idxxxxxxxxxx'
				}
				if (this.$isAndroid) {
					window.location = '安卓下载链接'
				}
			}
		}
	}
</script>

<style lang="less">
	.download-app{
		width: 100%;
		min-height: 100vh;
		background-color: #16181D;
		display: flex;
		flex-direction: column;
		font:caption;
		
		.app-logo{
			width: 360rpx;
			height: 120rpx;
			margin:188rpx auto 152rpx;
			.app-logo-img{
				width: 100%;
				height: 100%;
			}
		}
		
		.app-download-btn{
			margin: 48rpx auto 0;
			width: 462rpx;
			height: 88rpx;
			background: linear-gradient(223deg, #A339D8 0%, #6948F2 100%);
			border-radius: 50rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: #FFFFFF;
			text-align: center;
			line-height: 88rpx;
		}
	}
</style>
